*{
    margin: 0;
    padding: 0;
}
body{
    background: url(../../images/registe.jpg);
    background-size:cover;
}
.container {
    width: 1340px;
    height: 620px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 80px;
    margin-top: 30px;
}

.signup-box {
    width: 700px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.sign-box {
    width: 480px;
    height: 400px;
    background-color: white;
    /* display: flex; 是为了让下面两个div在同一行 */
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
}

.regist {
    width: 325px;
    height: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.regist-box {
    width: 375px;
    height: 350px;
    float:left;
    /* background-color:darkseagreen;   */
}
.regist-title {
    color: #666;
    text-align:center;
}

.regist-telno {
    width: 320px;
    height: 42px;
    margin-top: 30px;
    margin-left: 42px;
}

.regist-captcha {
    width: 320px;
    height: 42px;
    margin-top: 14px;
    margin-left: 42px;
}

.regist-btn {
    width: 320px;
    height: 42px;
    margin-top: 14px;
    margin-left: 25px;
    text-align: center;
}

.phone {
    width: 280px;
    height: 35px;
    padding: 3px;
    font-size: 13px;
    color: rgb(102, 102, 102);
    border-radius: 6px;
    border:1px solid rgb(102, 102, 102);
    border-image: initial;
}

.code {
    width: 280px;
    height: 35px;
    padding: 3px;
    font-size: 13px;
    color: rgb(102, 102, 102);
    border-radius: 5px;
    border-style: none;
    border:1px solid rgb(102, 102, 102);
}

.btn {
    width: 200px;
    height: 42px;
    font-size: 18px;
    background-color: rgb(69, 183, 221);
    color: white;
    border-radius: 5px;
    border-style: none;
}